<!DOCTYPE HTML>
<html>
<head>
<title>房屋列表</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="/static/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="/static/js/jquery-3.2.1.min.js"></script>
<link href="/static/css/animate.min.css" rel="stylesheet">
<script src="/static/js/wow.min.js"></script>
<script>
 new WOW().init();
</script>
<link href='/static/css/Alex.css' rel='stylesheet' type='text/css'>
<link href='/static/css/Cabin.css' rel='stylesheet' type='text/css'>
</head>

<body>
	<div class="header">
		<div class="container">
			<nav class="navbar navbar-default">
				<div class="navbar-header">
				  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>
					<div class="logo">
						<a class="navbar-brand" href="/front/index">RentApartment.TangSheng</a>
					</div>
				</div>
				<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
					<nav class="cl-effect-13" id="cl-effect-13">
						<ul class="nav navbar-nav">
							<li><a href="/front/index" target="_blank">首页</a></li>
							<li><a href="/front/myCenter" target="_blank">个人管理中心</a></li>
							<li><a href="/front/logout2" target="_blank">退出</a></li>
						</ul>
					</nav>
				</div>
			</nav>
		</div>
	</div>
	<div class="services" style="margin-bottom: 5%;">
		<div class="container">
			<h1 class="animated fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="300ms">ALL Apartment In This Area - 这里有房</h1>
			<div class="service-grids">
				<#if houseInfos?? && (houseInfos?size > 0)>
					<#list houseInfos as houseInfo>
					    <div class="col-md-4 service-grid" style="padding-bottom: 15%;">
                            <div class="service-grd wow fadeInLeftBig" data-wow-duration="1000ms" data-wow-delay="300ms">
                                <img src="${((houseInfo.houseInfoDetailEntity.photos.data)[0]).src}" style="width: 200px;height: 200px;" class="img-responsive" />
                                <div class="service-grd-pos">
                                    <h4>${houseInfo.houseInfoDetailEntity.houseName}</h4>
                                    <div class="more m2">
                                        <a href="/front/myCenter/houseInfo/frontHouseInfo?houseId=${houseInfo.id}" class="hvr-curl-bottom-right">了解更多</a>
                                    </div>
                                </div>
                                <div class="service-grd-pos2">
                                    <p>${houseInfo.houseInfoDetailEntity.price}</p>
                                </div>
                            </div>
                        </div>
					</#list>
				<#else>
					该区域暂无房子出租，您可浏览其他区域的房子
				</#if>
				<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<div class="footer-bottom wow fadeInUp" data-wow-duration="1000ms" data-wow-delay="300ms">
		<div class="container">
			<p>Copyright &copy; 2018.Company name All rights 唐僧智能租房.租你想要</p>
		</div>
	</div>
	<script src="/static/bootstrap/js/bootstrap.js"></script>
</body>
</html>